// pages/data/data.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    msg: 'hello 响应式！',
    num: 100,
    arr: [1, 2, 3],
    list: [{
      id: 0,
      name: '小红'
    }, {
      id: 1,
      name: '小名'
    }],
    obj: {
      name: '韩妹妹',
      age: 10
    }
  },

  // 事件处理函数
  handler() {
    console.log(this)
    let key = 'obj.name'
    // 错误改法
    // this.msg = 'new msg!'
    // this.data.msg = 'new msg!'
    // 正确姿势
    // 调用this.setData({key:val})=>和react一样
    this.setData({
      // key:val
      msg: 'new msg!',
      num: 1000,
      'arr[3]': 100000,
      [key]: '李雷',
      'list[1].name': "金庸"
      // list: [{
      //   id: 1,
      //   name: '笑傲'
      // }]
    })
  },

  // 3. 监听生命周期
  // 页面加载时 vue=>created
  onLoad: function () {
    // 只会触发1次
    console.log('当前页面被加载了...');
    // 发送请求
    wx.request({
      url: 'http://5990367be1e4470011c46fa8.mockapi.io/meng/user',
      // method:'post',
      success(res) {
        console.log('获取数据：', res)
      }
    })
  },

  // 页面显示时（返回、tabBar切换、前台运行）
  onShow: function () {
    // 重复触发
    console.log('当前页面显示了...');
  },
  // vue=> mounted
  onReady: function () {
    // 只会触发1次
    console.log('当前页面初次渲染完毕了...');
  },

  // 页面隐藏时（跳转、tabBar切换、后台运行）=》最小化
  onHide: function () {
    console.log('当前页面不见了...');
  }
})